.input-cover{
  position: absolute;
  bottom: calc(100rpx + env(safe-area-inset-bottom));
  left: 100rpx;
  right: 0;
  height: 100rpx;
  z-index: 10;
}
.chat-input{
  position: absolute;
  bottom: calc(100rpx + env(safe-area-inset-bottom));
  left: 0;
  right: 0;
  padding: 24rpx 40rpx 24rpx 22rpx;
   .text-input{
     height: 92rpx;
     display: flex;
     align-items: center;
     image{
        flex-shrink: 0;
        width: 80rpx;
        height: 80rpx;
        margin-right: 5rpx;
     }
     .input-btn{
        flex: 1;
        height: 92rpx;
        border-radius: 12rpx;
        box-sizing: border-box;
        border: 2rpx solid #F1F1F1;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: PingFang SC;
        font-size: 40rpx;
        font-weight: 600;
        line-height: 28rpx;
        color: #010101;
     }
     .c-input{
      flex: 1;
      height: 92rpx;
      border-radius: 12rpx;
      background: #FFFFFF;
      box-sizing: border-box;
      border: 2rpx solid #F1F1F1;
      padding-left: 24rpx;
     }
   }

}

.chat-recording{
  position: absolute;
  bottom: calc(128rpx + env(safe-area-inset-bottom));
  left: 0;
  right: 0;
  height: 344rpx;
  padding: 30rpx 35rpx 24rpx;
  box-sizing: border-box;
  .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .close-tip{
    text-align: center;
    text{
      font-family: PingFang SC;
      font-size: 24rpx;
      line-height: 28rpx;
      text-align: center;
      color: #666666;
      &.cancel{
        position: absolute;
        top: 30rpx;
        left: 50%;
        transform: translate(-50%);
      }
      &.send{
        position: absolute;
        top: 192rpx;
        left: 50%;
        transform: translate(-50%);
      }
    }
    .btn{
      position: absolute;
      top: 80rpx;
      left: 50%;
      transform: translate(-50%);
      width: 114rpx;
      height: 114rpx;
      border-radius: 114rpx; 
      display: flex;
      align-items: center;
      justify-content: center;
      color: #CBCBCB;
      &.isCancel{
        color: #000000;
        background: #FFFFFF;
      }
      .icon{
        font-size: 66rpx;
      }
    }
  }
  .voice-bar{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 680rpx;
    height: 92rpx;
    border-radius: 12rpx;
    background: #4E6CEE;
    display: flex;
    align-items: center;
    justify-content: center;
    &.isCancel{
      background: #E85B33;
    }
    image{
       width: 352rpx;
       height: 58rpx;
    }
  }
}